<!DOCTYPE html>
<html lang="en">
<head>
	<!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">

	<link rel="stylesheet" href="./css/style.css">
	<link href="css/common.css" rel="stylesheet" type="text/css"/>
	<link href="css/cart.css" rel="stylesheet" type="text/css"/>
	<title>网上商城</title>

</head>
<body>

	<!-- 
		网站页眉,包含头部导航条 
	-->
	<header>
		<!-- 网站头部导航条，固定在顶部,导航条样式为dark，背景为dark -->
		<nav class="navbar fixed-top navbar-light shadow-sm">
	        <div class="container">
	        	<div class="input-group">
	        		<img src="./images/logo.jpg" height="40px" alt="">
					<input type="text" class="form-control" placeholder="霸王防脱" style="margin-left: 14%;">
					<div class="input-group-append" style="margin-right: 25%">
						<button class="btn btn-outline-danger" type="button"><i class="fa fa-search"></i></button>
					</div>
				</div>
	        </div> 
	    </nav>
    </header>
    <main>
    	<section id="nav-section">
    		<div class="container">
	    		<div id="logoImg" class="shadow-sm">
	    			<img src="./images/logo.png" width="190px;" alt="" />
	    		</div>
	    		<ul class="nav float-right py-1">
				  	<li class="nav-item">
				    	<a class="nav-link text-secondary" href="user_login.html">登录</a>
				  	</li>
				  	<li class="nav-item">
				    	<a class="nav-link text-secondary" href="#">|</a>
				  	</li>
					<li class="nav-item">
				    	<a class="nav-link text-secondary" href="register.html">注册</a>
				  	</li>
				  	<li class="nav-item">
				    	<a class="nav-link text-secondary" href="#">|</a>
				  	</li>
				  	<li class="nav-item">
				    	<a class="nav-link text-secondary" href="#">会员中心</a>
				  	</li>
				  	<li class="nav-item">
				    	<a class="nav-link text-secondary" href="#">|</a>
				  	</li>
				  	<li class="nav-item">
				    	<a class="nav-link text-secondary" href="#">购物指南</a>
				  	</li>
				  	<li class="nav-item">
				    	<a class="nav-link text-secondary" href="#">|</a>
				  	</li>
				  	<li class="nav-item">
				    	<a class="nav-link text-secondary" href="#">关于我们</a>
				  	</li>
				</ul>
			</div>
    	</section>
    	<section id="search-section">
    		<div class="container py-4">
    			<div class="row">
		        	<div class="input-group col-md-6 offset-md-3">
						<input type="text" class="form-control" placeholder="霸王防脱">
						<div class="input-group-append">
							<button class="btn btn-outline-danger" type="button"><i class="fa fa-search"></i></button>
						</div>
					</div>
					<div class="col-md-3">
						<button type="button" class="btn btn-outline-danger px-5"><i class="fa fa-shopping-cart mr-1"></i>我的购物车</button>
					</div>
				</div>
	        </div> 
    	</section>
    	<section id="nav-list-section">
    		<div class="container py-4">
    			<div class="row">
		    		<ul class="nav col-md-9 offset-md-3">
		    			<li class="nav-item">
					    	<a class="nav-link text-secondary" href="#">|</a>
					  	</li>
					  	<li class="nav-item">
					    	<a class="nav-link text-dark" href="#">首页</a>
					  	</li>
					  	<li class="nav-item">
					    	<a class="nav-link text-secondary" href="#">|</a>
					  	</li>
						<li class="nav-item">
					    	<a class="nav-link text-dark" href="#">定制套餐</a>
					  	</li>
					  	<li class="nav-item">
					    	<a class="nav-link text-secondary" href="#">|</a>
					  	</li>
					  	<li class="nav-item">
					    	<a class="nav-link text-dark" href="#">安全频道</a>
					  	</li>
					  	<li class="nav-item">
					    	<a class="nav-link text-secondary" href="#">|</a>
					  	</li>
					  	<li class="nav-item">
					    	<a class="nav-link text-dark" href="#">商城卡</a>
					  	</li>
					  	<li class="nav-item">
					    	<a class="nav-link text-secondary" href="#">|</a>
					  	</li>
					  	<li class="nav-item">
					    	<a class="nav-link text-dark" href="#">蔬菜基地</a>
					  	</li>
					  	<li class="nav-item">
					    	<a class="nav-link text-secondary" href="#">|</a>
					  	</li>
					  	<li class="nav-item">
					    	<a class="nav-link text-dark" href="#">节气养生</a>
					  	</li>
					  	<li class="nav-item">
					    	<a class="nav-link text-secondary" href="#">|</a>
					  	</li>
					  	<li class="nav-item">
					    	<a class="nav-link text-dark" href="#">便民服务</a>
					  	</li>
					  	<li class="nav-item">
					    	<a class="nav-link text-secondary" href="#">|</a>
					  	</li>
					</ul>
				</div>
			</div>
    	</section>
		<div class="container cart">

		<div class="span24">
			<form id="orderForm" action="./order_payOrder.action" method="post">
				<input type="hidden" name="order.oid" value=""/>
				<div class="span24">
					<p>
							收货地址：<input  name="order.user.addr" type="text" value="" style="width:350px;height: 20px;" />
								<br />
							收货人&nbsp;&nbsp;&nbsp;：<input name="order.user.username" type="text" value="" style="width:150px;height: 20px;" />
								<br /> 
							联系方式：<input name="order.user.phone" type="text"value="" style="width:150px;height: 20px;" />

						</p>
						<hr />
						<p>
							选择银行：<br/>
							<input type="radio" name="pd_FrpId" value="ICBC-NET-B2C" checked="checked"/>工商银行
							<img src="images/bank_img/icbc.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="radio" name="pd_FrpId" value="BOC-NET-B2C"/>中国银行
							<img src="images/bank_img/bc.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="radio" name="pd_FrpId" value="ABC-NET-B2C"/>农业银行
							<img src="images/bank_img/abc.bmp" align="middle"/>
							<br/>
							<input type="radio" name="pd_FrpId" value="BOCO-NET-B2C"/>交通银行
							<img src="images/bank_img/bcc.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="radio" name="pd_FrpId" value="PINGANBANK-NET"/>平安银行
							<img src="images/bank_img/pingan.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="radio" name="pd_FrpId" value="CCB-NET-B2C"/>建设银行
							<img src="images/bank_img/ccb.bmp" align="middle"/>
							<br/>
							<input type="radio" name="pd_FrpId" value="CEB-NET-B2C"/>光大银行
							<img src="images/bank_img/guangda.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="radio" name="pd_FrpId" value="CMBCHINA-NET-B2C"/>招商银行
							<img src="images/bank_img/cmb.bmp" align="middle"/>
						</p>
						<hr />
						<p style="text-align:right">
							<a href="javascript:document.getElementById('orderForm').submit();">
								<img src="images/payment/finalbutton.gif" width="204" height="51" border="0" />
							</a>
						</p>
				</div>
			</form>
		</div>
		
	</div>
    </main>

    <footer>
    	<div class="container">
			<ul class="nav col-md-8 offset-md-2 pt-3">
				<li class="nav-item">
					<a class="nav-link text-dark" href="#">关于我们</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-secondary" href="#">|</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-dark" href="#">联系我们</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-secondary" href="#">|</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-dark" href="#">招贤纳士</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-secondary" href="#">|</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-dark" href="#">法律声明</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-secondary" href="#">|</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-dark" href="#">友情链接</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-secondary" href="#">|</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-dark" href="#">支付方式</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-secondary" href="#">|</a>
				</li>		
				<li class="nav-item">
					<a class="nav-link text-dark" href="#">配送方式</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-secondary" href="#">|</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-dark" href="#">服务声明</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-secondary" href="#">|</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-dark" href="#">广告声明</a>
				</li>
			</ul>
		</div>
		<div class="text-center py-3">Copyright © 2018-2019 网上商城 版权所有</div>
    </footer>

	  <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
</body>
</html>